<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本选择器</title>
    <style>
        div{
            color: blue;          /*  标签选择 1权重*/
        }
        .a{
            color: darkorange; /*     class第三 10权重*/
        }
        #b{
            color: yellow;    /*  id 第二 100权重*/
        }
    </style>
</head>
<body>
    <div>div1</div>
    <div class="a">div2</div>
    <div class="a" id="b">div3</div>
    <div class="a" style="color: red">div4</div> <!--内联最高 1000权重-->
</body>
</html>